<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>bookdetail</title>
    <link rel="stylesheet" th:href="@{css/bookdetail.css}">
</head>
<body>
<div class="banner">
    <ul>
        <li class="logo"><img src="image/controller_icon.png" alt=""></li>
        <li class="first"><a href="http://localhost:8080/bookfirst">首页</a></li>
        <li class="photo"><img src="image/person.png" alt=""></li>
    </ul>
</div>
<div class="content">
    <div class="left">
        <div class="detail">
            <div class="pho">
                <img th:src="${book.cover}" alt="">
            </div>
            <div class="bo">
                <div class="bcs">
                    <h2 th:text="${book.bookName}"></h2>
                    <p th:text="${book.author}"></p>
                    <div><span></span></div>
                    <div><span></span></div>
                </div>
                <div class="mo">
                    <div class="price" th:text="${book.bookNum}"></div>
                    <div class="my"><a href="">加入书架</a></div>
                </div>
            </div>
            <div class="share">
                <div>点赞</div>
                <div>分享</div>
            </div>
        </div>
        <div class="intro">
            <ul>
                <li><h3>简介:</h3><span th:text="${book.brief}"></span></li>
                <li><h3>目录:</h3><span th:text="${book.description}"></span></li>
                <div class="more"><a href="#">展开全部</a></div>
            </ul>

        </div>

        <div class="commentForm">
            <form class="formco" action="/comment/post">
                <div>
                    <input type="hidden" name="bookId" th:value="${book.bookId}">
                </div>
                <div>
                    <input class="scc" type="text" name="score" placeholder="分数">
                </div>
                <div>
                    <input type="text" class="comm" name="content" placeholder="评论">
                </div>
                <div>
                    <button class="combtn" type="submit">评论</button>
                </div>
            </form>
        </div>
        <div class="comment">
            <div class="com" th:each="comment:${comments}">
                <div class="im">
                    <img th:src="${comment.memberimage}">
                </div>
                <div class="nick">
                    <span th:text="${comment.membername}"></span>
                </div>
                <div class="sco">
                    <span th:text="${comment.score}"></span>
                </div>
                <div class="con">
                    <span th:text="${comment.content}"></span>
                </div>
                <div class="cre">
                    <span th:text="${comment.createtime}"></span>
                </div>
            </div>
        </div>
    </div>
    <div class="right">
        <div class="my">

        </div>
        <div class="author">

        </div>
        <div class="other">

        </div>
    </div>
</div>
<script type="text/javascript" th:src="@{jquery-3.5.0.min.js}"></script>
<script type="text/javascript" th:src="@{js/bookdetail.js}"></script>
</body>
</html>